<footer>
    <div class="container">
        <div class="i-footer">
            <div class="wrap">
                <div class="left">
                    <img src="http://parp1g0uk.bkt.clouddn.com/themes/jinjieronghe/public/static/images/logo.png" style="width: 188px;height: 44px">
                </div>
                <div class="right">
                    <ul>
                        <li>
                            <a href="http://www.jinjieronghe.com/ecology.html" target="_blank">合作交流</a>
                        </li>
                        <li>
                            <a href="/about/20.html" target="_blank">关于我们</a>
                        </li>
                        <li>
                            <a href="http://www.jinjieronghe.com" target="_blank">金杰官网</a>
                        </li>
                        <li>
                            <a href="http://shop.jinjieronghe.com" target="_blank">金杰商城</a>
                        </li>
                        <li>
                            <a href="http://www.jinjieronghe.com/contactus.html" target="_blank">联系我们</a>
                        </li>
                        <li>
                            <a href="http://www.jinjieronghe.com/joinus.html" target="_blank">加入我们</a>
                        </li>
                    </ul>
                    <div class="copy"><span>&copy;2018 金杰融和 版权所有  蒙ICP备17001947号-2</span></div>
                </div>
                <img src="http://parp1g0uk.bkt.clouddn.com/themes/jinjieronghe/public/static/images/QR-code.jpg" style="width: 79px;height: 79px" class="foot-code">
            </div>
        </div>
    </div>
</footer>
<div class="i-suspend">
    <dl class="suspend-code clearfix">
        <dt>
            <a class="customer" href="javascript:void(0)" onclick="issue()">
                <i class="i1"></i>
            </a>
        </dt>
    </dl>
    <div class="suspend-app">
        <a class="app" href="#">
            <i class="i4"></i>
        </a>
    </div>
</div>
<style>
    .i-suspend {
        /*width:64px;*/
        height: 111px;
        position: fixed;
        right: 0px;
        bottom: 18%;
        z-index: 9999;
    }

    .i-suspend .suspend-code {
        position: relative;
        /*width:23px;*/
        height: 50px;
        /*margin-bottom: 10px;*/
    }
    /*.i-suspend .seller{
position: absolute;
left:0;
top:0;
}*/

    .i-suspend .suspend-code:hover .seller {
        display: block;
    }

    .i-suspend dt,
    .i-suspend dd,
    .i-suspend .app {
        width: 53px;
        height: 55px;
        /*background: rgba(30, 29, 32, 1);*/
        background-color: #fff;
        display: inline-block;
        transition: all .5s;
    }

    .i-suspend dt{
        border-bottom: 1px solid #eaeaea;
    }
    .i-suspend dt,
    .i-suspend dd {
        float: right;
    }

    .i-suspend dd {
        display: none;
    }

    .i-suspend dt span,
    .i-suspend dd span,
    .i-suspend .app span {
        color: #FFF;
        display: block;
        text-align: center;
        font-size: 12px;
        line-height: 24px;
    }

    /*.i-suspend dt:hover,
    .i-suspend dd:hover,
    .i-suspend .app:hover {
        background: rgba(226, 35, 26, 1);
    }*/

    .i-suspend dl:hover dd {
        display: block;
    }


    .i-suspend i.i1 {
        background: url(/public/static/home/static/img/issue/issue.png) center no-repeat;
        background-position: 0 0;
    }

    .i-suspend i.i1:hover{
        background: url(/public/static/home/static/img/issue/issue1.png) center no-repeat;
    }

    .i-suspend i.i2 {

        background-position: 0 -22px;
    }

    .i-suspend i.i3 {
        background-position: 0 -44px;
    }

    .i-suspend i.i4 {
        background: url(/public/static/home/static/img/issue/server.png) center no-repeat;
        /*background-position: 0 -66px;*/
    }
    .i-suspend i.i4:hover {
        background: url(/public/static/home/static/img/issue/server1.png) center no-repeat;
        /*background-position: 0 -66px;*/
    }

    .i-suspend i {
        width: 30px;
        height: 33px;
        display: block;
        margin: 11px auto 0;
        background-size: cover;
    }

    .i-suspend .suspend-app {
        width: 53px;
        height: 55px;
        /*position: absolute;*/
        right: 0;
        bottom: 0;
    }
</style>
<script src="/public/static/home/static/plug-in/layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    var swiper = new Swiper('.team-swiper', {
        slidesPerView: 3,
        spaceBetween: 60,
        slidesPerGroup: 3,
        loop: true,
        loopFillGroupWithBlank: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });

    var swiper1 = new Swiper('.partner-swiper', {
        slidesPerView: 6,
        //				spaceBetween: 60,
        slidesPerGroup: 6,
        loop: true,
        loopFillGroupWithBlank: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
</script>
<script>
    var layer = layui.layer;
    $('.customer').on('click',function(){
        layer.open({
            title: false,
            type: 2,
            offset: 'auto',
            area: ['600px', '700px'],
            content: ['/about/21.html', 'no'],
            closeBtn: 2,
            scrollbar: false
        })
    })
</script>